<!DOCTYPE html>
<html>
<head>
    <script src="../node_modules/vue/dist/vue.js"></script>
    <script src="../node_modules/vue-resource/dist/vue-resource.js"></script>
</head>
<body>
    <div id="app">
        <h1>vue-resource讲解</h1>
        <a href="javascript:;" @click="get">Get请求</a>
        <a href="javascript:;" @click="get">Post请求</a>
        <a href="javascript:;" @click="get">JSONP请求</a>
        <!-- <a href="">Get请求</a>
        <a href="">Get请求</a> -->
         {{msg}}
    </div>
    
</body>
<script>
    new Vue({
        el:"#app",
        data:{
            msg:""
        },
        methods:{
            get:function(){
                this.$http.get("../package.json",{
                    params:{
                        userId:"101"
                    },
                    headers:{
                        token:"abcd"
                    }
                }).then(res =>{
                    console.log("res  ",res);
                    
                    this.msg = res.body;
                },error =>{
                    this.msg = error;
                })
            }
        }
    })
</script>
</html>